<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <h:body>
        <ui:param name="path" value=".."/>
        <ui:composition template="#{path}/templates/template_gallery.xhtml">
            <ui:define name="resources">
                <style>
                    .tb_image{
                        float: left;
                        margin-top: 0px;
                        margin-bottom: 50px;
                        margin-left: 25px;
                        margin-right: 25px;
                        text-align: center;
                        background: none;
                        opacity: 1
                    }
                    .tb_name{
                        color: #820015;
                        font-weight: bold;
                    }
                    .tb_image img{
                        height: 200px;
                        width: 150px;                    }

                </style>

            </ui:define>

            <ui:define name="content">    

                <div id="_title">
                    DJ
                </div>


                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/368815_100002161794379_710876634_n.jpg"/>
                    <div class="tb_name" onclick="window.location.href='dj_detail.xhtml'">
                        DJ K-ON
                    </div>
                </div>
                <p:dialog header="Dialog" width="800" height="400" widgetVar="dlg" maximizable="true" minimizable="true">  
                    <h:outputText value="This Dialog can be Maximized and Minimized!" />  
                </p:dialog>  



                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/161943_180599978671819_353626324_n.jpg"/>
                    <div class="tb_name">
                        DJ KIM ANH
                    </div>
                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/371735_100000569329477_1974453701_n.jpg"/>
                    <div class="tb_name">
                        DJ KITTY THU
                    </div>
                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/276805_259908244025099_7147953_n.jpg"/>
                    <div class="tb_name">
                        DJ KET 
                    </div>                    
                </div>


                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/368815_100002161794379_710876634_n.jpg"/>
                    <div class="tb_name">
                        DJ K-ON
                    </div>

                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/161943_180599978671819_353626324_n.jpg"/>
                    <div class="tb_name">
                        DJ KIM ANH
                    </div>
                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/371735_100000569329477_1974453701_n.jpg"/>
                    <div class="tb_name">
                        DJ KITTY THU
                    </div>
                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/276805_259908244025099_7147953_n.jpg"/>
                    <div class="tb_name">
                        DJ KET 
                    </div>                    
                </div>


                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/368815_100002161794379_710876634_n.jpg"/>
                    <div class="tb_name">
                        DJ K-ON
                    </div>

                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/161943_180599978671819_353626324_n.jpg"/>
                    <div class="tb_name">
                        DJ KIM ANH
                    </div>
                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/371735_100000569329477_1974453701_n.jpg"/>
                    <div class="tb_name">
                        DJ KITTY THU
                    </div>
                </div>

                <div class="tb_image">
                    <img src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-snc4/276805_259908244025099_7147953_n.jpg"/>
                    <div class="tb_name">
                        DJ KET 
                    </div>                    
                </div>








            </ui:define>
        </ui:composition>
    </h:body>
</html>

